<!DOCTYPE html>
<html>
  <head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- Color theme for statusbar -->
    <meta name="theme-color" content="#2196f3">
    <!-- Your app title -->
    <title>ELF团队主页</title>
    <!-- Path to Framework7 Library CSS, Material Theme -->
    <link rel="stylesheet" href="css/framework7.material.min.css">
    <!-- Path to Framework7 color related styles, Material Theme -->
    <link rel="stylesheet" href="css/framework7.material.colors.min.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="css/my-app.css">
    <style type="text/css">
    
    </style>
  </head>
  <body>
    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Pages container, because we use fixed navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-fixed">
          <!-- Page, "data-page" contains page name -->
          <div data-page="index" class="page">
 
            <!-- Top Navbar. In Material theme it should be inside of the page-->
            <div class="navbar">
              <div class="navbar-inner">
                <div class="center">ELF团队主页</div>
              </div>
            </div>
 
            <!-- Bottom Toolbar. In Material theme it should be inside of the page
            <div class="toolbar">
              <div class="toolbar-inner">
                <a href="#" class="link">Link 1</a>
                <a href="#" class="link">Link 2</a>
              </div>
            </div>-->
 
            <!-- Scrollable page content -->
            <div class="page-content pt0" >
            <!--
              <p>Page content goes here</p>
              <a href="about.html">About app</a>
              -->
             <div class="swiper-container swiper-1" style="height: 220px;margin: 35px 0;">
            <div class="swiper-pagination"></div>
            <div class="swiper-wrapper">
              <div class="swiper-slide" style="background: #fff; box-sizing: border-box;border: 1px solid #ccc;"><span style="text-align:center;display:block;margin: 20px;font-size:21px;">
              <img src="img/slide/1.jpg" style="max-width: 100%;">
              </span></div>
              <div class="swiper-slide" style="background: #fff; box-sizing: border-box;border: 1px solid #ccc;"><span style="text-align:center;display:block;margin: 20px;font-size:21px;">
                <img src="img/slide/2.jpg" style="max-width: 100%;">
              </span></div>
              <div class="swiper-slide" style="background: #fff; box-sizing: border-box;border: 1px solid #ccc;"><span style="text-align:center;display:block;margin: 20px;font-size:21px;">
                <img src="img/slide/3.jpg" style="max-width: 100%;">
              </span></div>
              <div class="swiper-slide" style="background: #fff; box-sizing: border-box;border: 1px solid #ccc;"><span style="text-align:center;display:block;margin: 20px;font-size:21px;">
              <img src="img/slide/4.jpg" style="max-width: 100%;">
              </span></div>
              <div class="swiper-slide" style="background: #fff; box-sizing: border-box;border: 1px solid #ccc;"><span style="text-align:center;display:block;margin: 20px;font-size:21px;">
                <img src="img/slide/5.png" style="max-width: 100%;">
              </span></div>
              
            </div>
          </div>
          <!--listviewMenu-->
          <div class="list-block accordion-list">
  <ul>
    <li class="accordion-item">
    <a href="#" class="item-content item-link">
        <div class="item-inner">
          <div class="item-title">综合简介</div>
        </div></a>
      <div class="accordion-item-content">
        <div class="content-block">
            <!--s-->
            <ul>
    <li>
      <a href="about.html" class="item-link">
        <div class="item-content">
        <div class="item-inner">
          <div class="item-title">团队介绍</div>
        </div>
        </div>
      </a>
    </li>
    <li>
      <a href="service.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">业务说明</div>
        </div>
      </a>
    </li>
    <li>
      <a href="partner.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">合作商家</div>
        </div>
      </a>
    </li>
    </ul>
            <!--e-->
        </div>
      </div>
    </li>
    <!--2-->
    <li class="accordion-item"><a href="#" class="item-content item-link">
        <div class="item-inner">
          <div class="item-title">案例中心</div>
        </div></a>
      <div class="accordion-item-content">
        <div class="content-block">
            <!--s-->
            <ul>
    <li>
      <a href="pclist.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">网站系统</div>
        </div>
      </a>
    </li>
    <li>
      <a href="weixin.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">公众号开发</div>
        </div>
      </a>
    </li>
    <li>
      <a href="qq.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">Q机器人</div>
        </div>
      </a>
    </li>
    <li>
      <a href="android.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">移动开发</div>
        </div>
      </a>
    </li>
    </ul>
            <!--e-->
        </div>
      </div>
    </li>
    <!--3-->
    <li class="accordion-item"><a href="#" class="item-content item-link">
        <div class="item-inner">
          <div class="item-title">合作联系</div>
        </div></a>
      <div class="accordion-item-content">
        <div class="content-block">
            <!--s-->
            <ul>
    <li>
      <a href="contect.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">联系方式</div>
        </div>
      </a>
    </li>
    <li>
      <a href="message.html" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title">留言联系</div>
        </div>
      </a>
    </li>
    
    </ul>
            <!--e-->
        </div>
      </div>
    </li>
  </ul>
</div>
              

            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="js/framework7.min.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!-- Path to your app js-->
    <script type="text/javascript" src="js/my-app.js"></script>
  </body>
</html> 